/*
 * @FileDescription: 全局公共样式
 * @Author: zsf
 * @Date: 2021-03-27 10:57:55
 * @LastEditors: zsf
 * @LastEditTime: 2021-05-03 11:49:43
 */
 @import "./antd.less";
 
 .loop(@counter) when (@counter > 0) {
  .w-@{counter} {
    width: (1px * @counter);
  }
  .h-@{counter} {
    width: (1px * @counter);
  }
  .p-@{counter} {
    padding: (1px * @counter);
  }
  .p-t-@{counter} {
    padding-top: (1px * @counter);
  }
  .p-r-@{counter} {
    padding-right: (1px * @counter);
  }
  .p-b-@{counter} {
    padding-bottom: (1px * @counter);
  }
  .p-l-@{counter} {
    padding-left: (1px * @counter);
  }
  .m-@{counter} {
    margin: (1px * @counter);
  }
  .m-t-@{counter} {
    margin-top: (1px * @counter);
  }
  .m-r-@{counter} {
    margin-right: (1px * @counter);
  }
  .m-b-@{counter} {
    margin-bottom: (1px * @counter);
  }
  .m-l-@{counter} {
    margin-left: (1px * @counter);
  }
  .fz-@{counter} {
    font-size: (1px * @counter);
  }
  .loop((@counter - 1));    // 递归调用自身
}
 
.loop(200);

.w-300 {
  width: 300px;
}

// 文字不换行- 显示1行 - 溢出显示...
.text-1 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

// 文字不换行- 显示2行 - 溢出显示...
.text-2 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
//纵向布局
.flex-col {
  flex-direction: column;
}
//横向翻转布局
.flex-row-r {
  flex-direction: row-reverse;
}
/*两边对齐弹性布局*/
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*两边对齐弹性布局*/
.flex-between-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
/*间隔相等弹性布局*/
.flex-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
/*水平居中*/
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*弹性布局从头排*/
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/*弹性布局从尾排*/
.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/*弹性布局项目缩放*/
.flex-grow {
  flex-grow: 1;
}
.flex-shrink {
  flex-shrink: 0;
}
/*弹性布局换行*/
.flex-wrap {
  flex-wrap: wrap;
}
/*弹性布局文字不换行，溢出显示...*/
.flex-1 {
  flex: 1;
  overflow: hidden;
}
//项目顶部对齐
.align-start {
  align-self: flex-start;
}
//项目尾部对齐
.align-end {
  align-self: flex-end;
}
//鼠标手指
.pointer {
  cursor: pointer;
}
.pointer-hover {
  cursor: pointer;
  &:hover {
    color: @primary-color;
  }
}

.primary-bg-color {
  background: #F4F5F8;
}

.fw-500 {
  font-weight: 500;
}

.antd-button-FFA715 {
  background: #FFA715;
  color: #fff;
  &:hover {
    background: #FFA715;
    color: #fff;
    opacity: 0.8;
    border: 1px solid #FFA715;
  }
}